@import './theme.scss';

// 主题遍历生成样式
@mixin theme-foreach {
  @each $theme-name, $theme-map in $themes {
    // 变量通过!global提升为全局变量,供后续取值使用
    $theme-map: $theme-map !global;
    [current-theme='#{$theme-name}'] & {
      // 插槽占位
      @content;
    }
  }
}
// 获取主题属性值
@function theme-value($key) {
  @return map-get($theme-map, $key);
}

// 设置字体颜色
@mixin font-color {
  @include theme-foreach {
    color: theme-value('font-color');
  }
}

//设置边框颜色
@mixin border-color {
  @include theme-foreach {
    border-color: theme-value('border-color');
  }
}

//设置背景颜色
@mixin background-color {
  @include theme-foreach {
    background-color: theme-value('background-color');
  }
}
